<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的运动数据</title>
	</head>
	<body>
		<header class="head">
			<!-- 返回按钮 -->
			<p><span class="iconfont icon-fanhui"></span></p>
			<!-- 头像和标题 -->
			<div class="titlebox">
				<p>我的运动数据</p>
				<img src="../../assets/images/hp2.jpg" alt="图片加载失败" />
			</div>
			<!-- 运动总数据 -->
			<div class="databox">
				<!-- 运动里程 -->
				<div class="sports">
					<p>总运动</p>
					<p><span id="data1">123</span>分钟</p>
				</div>
				<!-- 消耗 -->
				<div class="conusume">
					<p>本周消耗</p>
					<p><span id="data2">1123</span>千卡</p>
				</div>
			</div>
			<!-- 各项消耗 -->
			<ul class="data2box">
				<li>
					<p>消耗(千卡)</p>
					<p id="calorie">1</p>
				</li>
				<li>
					<p>累计(天)</p>
					<p id="day1">1</p>
				</li>
				<li>
					<p>连续(天)</p>
					<p id="day2">1</p>
				</li>
			</ul>
		</header>
		<main class="main">
			<div class="png" id="chart1"></div>
			<div class="png" id="chart2"></div>
			<div class="png" id="chart3"></div>
			<div class="png" id="chart4"></div>
		</main>
	</body>
</html>
